<!DOCTYPE html>
<!--
This file is part of Cockpit.

Copyright (C) 2015 Red Hat, Inc.

Cockpit is free software; you can redistribute it and/or modify it
under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or
(at your option) any later version.

Cockpit is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
-->
<html>

<head>
  <title translate>Journal</title>
  <meta charset="utf-8">
  <link href="logs.css" rel="stylesheet">
  <script type="text/javascript" src="../base1/cockpit.js"></script>
  <script src="../*/po.js"></script>
</head>

<body class="pf-m-redhat-font">
  <div class="ct-page-fill" id="journal">
    <div class="pf-c-page">
      <main class="pf-c-page__main" tabindex="-1">
        <section class="pf-c-page__main-section content-header-extra">
          <div class="filters">
            <div class="filter">
                <button id="log-filters" class="btn btn-default dropdown-toggle ct-select" type="button" data-toggle="dropdown">
                  <span translate>Time</span>
                  <div class="caret"></div>
                </button>
                <ul class="dropdown-menu" id="logs-predefined-filters">
                  <li><a tabindex="0" data-key="boot" data-value="0" translate>Current boot</a></li>
                  <li><a tabindex="0" data-key="boot" data-value="-1" translate>Previous boot</a></li>
                  <li><a tabindex="0" data-key="since" data-value="-24hours" translate>Last 24 hours</a></li>
                  <li><a tabindex="0" data-key="since" data-value="-7days" translate>Last 7 days</a></li>
                </ul>
            </div>

            <div class="filter">
                <label for="journal-prio-menu" translate>Priority</label>
                <select id="journal-prio-menu" class="ct-select">
                  <option value="emerg" translate>Only emergency</option>
                  <option value="alert" translate>Alert and above</option>
                  <option value="crit" translate>Critical and above</option>
                  <option value="err" translate>Error and above</option>
                  <option value="warning" translate>Warning and above</option>
                  <option value="notice" translate>Notice and above</option>
                  <option value="info" translate>Info and above</option>
                  <option value="debug" translate>Debug and above</option>
                </select>
            </div>

            <div class="filter">
                <label for="journal-service-menu" translate>Identifier</label>
                <select id="journal-service-menu" class="ct-select">
                    <!-- This is filled by from logs.js !-->
                </select>
            </div>

            <div class="filter text-search">
                <label for="journal-grep" translate>Text</label>
                <span class="filter-group">
                    <input id="journal-grep" class="form-control" type="text" translate="placeholder" placeholder="Type to filter">
                    <div id="logs-help" class="dropdown">
                      <a role="link" tabindex="0" id="logs-help-toggle" class="dropdown-toggle dropdown-form-control" data-toggle="dropdown">
                        <span class="pficon pficon-help"></span>
                      </a>
                      <div id="logs-help-menu" class="dropdown-menu">
                        <span translate>Search the logs with a combination of terms:</span>
                        <ul>
                            <li><span translate>qualifiers</span>, <span translate>e.g.</span> 'priority:', 'identifier:', 'service:'</li>
                            <li><span translate>log fields</span>, <span translate>e.g.</span> '_EXE=/usr/bin/python'</li>
                            <li translate>any free-form string as regular expression</li>
                        </ul>
                        <span class="help-links">
                            <a href="https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/8/html/managing_systems_using_the_rhel_8_web_console/reviewing-logs_system-management-using-the-rhel-8-web-console#filtering-logs-in-the-web-console_reviewing-logs" target="blank" rel="noopener noreferrer"><span translate>Learn more</span><i class="fa fa-external-link fa-xs"></i></a>
                            <a href="https://www.freedesktop.org/software/systemd/man/journalctl.html" target="blank" rel="noopener noreferrer"><span translate>journalctl manpage</span><i class="fa fa-external-link fa-xs"></i></a>
                        </span>
                        <span class="journal-cmd">
                            <pre id="journal-query"></pre>
                            <button class="copy-cmd" id="journal-cmd-copy"><i class="fa fa-clipboard fa-xs"></i></button>
                        </span>
                      </div>
                    </div>
                </span>
            </div>
          </div>

          <div class="filter-separator"></div>

          <div class="filter-actions">

            <span class="filters-toggle" hidden>
              <button class="pf-c-button pf-m-link" translate>Show filters</button>
            </span>

            <button id="journal-follow" class="pf-c-button pf-m-secondary" type="button" translate>Pause</button>
          </div>
        </section>
        <section id="journal-box" class="pf-c-page__main-section pf-m-light">
          <div class="panel panel-default cockpit-log-panel" id="journal-logs" role="table"></div>
          <div class="journal-start" id="start-box" role="rowgroup"></div>
        </section>
      </main>
    </div>
  </div>

  <div class="ct-page-fill" id="journal-entry"></div>

  <script type="text/javascript" src="logs.js"></script>
</body>

</html>
